<template>
    <div class="nav">
        <div class="title">{{item.title}}</div>
        <div class="more" @click="handleClick(item.title,keyword)">更多></div>
    </div>
</template>

<script>
    export default {
        props:{
            item:{
                type:Object
            },
            keyword:{
                type:String
            }
        },
        methods:{
            handleClick(title,keyword){
                console.log(title);
                console.log(keyword);
               this.$router.push(`/tabbar/more?keyword=${keyword}&title=${title}`)
            }
        }
    }
</script>

<style  scoped>
.nav{
    display: flex;
    justify-content: space-between;
    padding: 0 25px ;
    font-size: 35px;
    margin-top: 20px;
}
.title{
    color: #666;
    margin-bottom: 10px;
}
.more{
    color: #5B7BBD;
}
</style>